<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="买文博">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/product.css">
    <script src="js/jquery.min.js"></script>
    <title>Eduline在线教育系统</title>

    <style>

    </style>
</head>
<body>
<div id="header" class="mw">
    <div class="content clear">
        <img src="pic/pub/logo.png" alt="" class="fl">
        <ul class="fr">
            <li><a href="index.html">首页</a></li>
            <li class="nav-active"><a href="product.html">产品</a></li>
            <li><a href="buy.html">购买</a></li>
            <li><a href="case.html">案例</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="help.html">帮助中心</a></li>
        </ul>
    </div>

</div>
<div id="banner" class="mw">
    <div class="content">
        <h2>pc+微信端（手机网站）</h2>
        <h2>+App客户端</h2>
        <p>Eduline,助您找到在线教育的新方向</p>
        <ul class="clear">
            <li class="fl"><a href=""><img src="pic/product/b1.png" alt=""></a></li>
            <li class="fl"><a href=""><img src="pic/product/b2.png" alt=""></a></li>
            <li class="fl"><a href=""><img src="pic/product/b3.png" alt=""></a></li>
            <li class="fl"><a href=""><img src="pic/product/b4.png" alt=""></a></li>
        </ul>
    </div>
</div>
<div id="item1" class="mw tac pd">
    <div class="content">
        <h2 class="h2">完美的微信端操作体验</h2>
        <div><img src="pic/product/line.jpg" alt=""></div>
        <h4 class="h4">有微信的地方，就有Eduline，我们真诚为您打造优质的微信端操作体验</h4>
        <ul class="clear">
            <li>
                <div><img src="pic/product/i1-1.png" alt=""></div>
                <p>支持微信登录，微信分享</p>
                <p>更快速进入课程学习</p>
            </li>
            <li>
                <div><img src="pic/product/i1-2.png" alt=""></div>
                <p>与微信公众号打通</p>
                <p>让公众号粉丝直接转化</p>
            </li>
            <li>
                <div><img src="pic/product/i1-3.png" alt=""></div>
                <p>链接分享，二维码分享</p>
                <p>多入口进行课程学习</p>
            </li>
            <li>
                <div><img src="pic/product/i1-4.png" alt=""></div>
                <p>视频课学习，直播课学习</p>
                <p>丰富多样的学习形式</p>
            </li>
        </ul>
    </div>
</div>
<div id="item2" class="mw tac pd">
    <div class="content">
        <h2 class="h2">流畅的App客户端操作体验</h2>
        <div><img src="pic/product/line.jpg" alt=""></div>
        <h4 class="h4">升级学习模式，让教育移动起来</h4>
        <div class="bottom">
            <ul class="fl tar">
                <li class="clear">
                    <div class="left fl">
                        <div class="title">原生开发</div>
                        <p>原生开发App，比web开发App更高质量</p>
                    </div>
                    <div class="right fr">
                        <img src="pic/product/i2-1.png" alt="">
                    </div>
                </li>
                <li class="clear">
                    <div class="left fl">
                        <div class="title">品牌及LOGO</div>
                        <p>自定义公司的品牌和LOGO，可以独立商家到苹果app store和安卓各大应用中心</p>
                    </div>
                    <div class="right fr">
                        <img src="pic/product/i2-2.png" alt="">
                    </div>
                </li>
                <li class="clear m0">
                    <div class="left fl">
                        <div class="title">原生开发</div>
                        <p>原生开发App，比web开发App更高质量</p>
                    </div>
                    <div class="right fr">
                        <img src="pic/product/i2-1.png" alt="">
                    </div>
                </li>

            </ul>
            <ul class="fr tal">
                <li class="clear">
                    <div class="left fr">
                        <div class="title">原生开发</div>
                        <p>原生开发App，比web开发App更高质量</p>
                    </div>
                    <div class="right fl">
                        <img src="pic/product/i2-4.png" alt="">
                    </div>
                </li>
                <li class="clear">
                    <div class="left fr">
                        <div class="title">品牌及LOGO</div>
                        <p>自定义公司的品牌和LOGO，可以独立商家到苹果app store和安卓各大应用中心</p>
                    </div>
                    <div class="right fl">
                        <img src="pic/product/i2-5.png" alt="">
                    </div>
                </li>
                <li class="clear m0">
                    <div class="left fr">
                        <div class="title">原生开发</div>
                        <p>原生开发App，比web开发App更高质量</p>
                    </div>
                    <div class="right fl">
                        <img src="pic/product/i2-6.png" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="item3" class="mw tac pd">
    <div class="content">
        <h2 class="h2">极致的PC端操作体验</h2>
        <div><img src="pic/product/line.jpg" alt=""></div>
        <h4 class="h4">Eduline不仅功能强大，更在用户操作上做了很多细节优化。无极致不产品</h4>
        <ul class="clear">
            <li class="li-active">PC特色</li>
            <li>首页</li>
            <li>直播</li>
            <li>课程</li>
            <li>考试</li>
        </ul>
        <div class="mac">
            <div class="ppt"></div>
        </div>
    </div>
</div>
<div id="item4" class="mw tac pd">
    <div class="content relative">
        <h2>助您成就非凡</h2>
        <p>we will help you achieve extraodinary</p>
        <h2>Eduline</h2>
        <p>开启在线教育的新道路 <br>Open a new way of online education</p>
        <a href="">开始非凡新体验</a>
    </div>
</div>
<div id="item5" class="mw tac pd">
    <div class="content">
        <h2 class="h2">强大的直播互动体验</h2>
        <div><img src="pic/product/line.jpg" alt=""></div>
        <h4 class="h4">人生没有彩排直播让人学习更轻松</h4>
        <div class="bottom clear">
            <div class="fl left">
                <img src="pic/product/i5-1.jpg" alt="">
            </div>
            <div class="fr right tal">
                <h3>Eduline直播特色</h3>
                <ul>
                    <li>不卡</li>
                    <li>不延时</li>
                    <li>不掉线</li>
                    <li>稳定</li>
                    <li>支持万人同时在线</li>
                    <li>支持多人音频互动</li>
                </ul>
                <a href="" class="tac">点击体验</a>
            </div>
        </div>
    </div>
</div>
<div id="item6" class="mw tac pd">
    <div class="content">
        <h2 class="h2">Eduline直播功能</h2>
        <ul>
            <li>
                <div>
                    <img src="pic/product/i6-1.png" alt="">
                </div>
                <p>视频、语音、文字等多种形<br>式的师生互动</p>
            </li>
            <li>
                <div>
                    <img src="pic/product/i6-2.png" alt="">
                </div>
                <p>文档、画笔、白班等简单易<br>用的授课工具</p>
            </li>
            <li>
                <div>
                    <img src="pic/product/i6-3.png" alt="">
                </div>
                <p>电脑摄像头、外接摄像机、桌<br>面共享多种直播方式</p>
            </li>
        </ul>
        <h2 class="h2">Eduline直播场景</h2>
        <ul class="clear">
            <li>
                <div class="relative"><img src="pic/product/i6-4.jpg" alt="">
                    <div class="tip">
                        一对一
                    </div>
                </div>
                <p>以为教师面对一位学生</p>
            </li>
            <li>
                <div class="relative"><img src="pic/product/i6-5.jpg" alt="">
                    <div class="tip">
                        一对多
                    </div>
                </div>
                <p>以为教师面对一位学生</p>
            </li>
            <li>
                <div class="relative"><img src="pic/product/i6-6.jpg" alt="">
                    <div class="tip">
                        大型公开课
                    </div>
                </div>
                <p>以为教师面对一位学生</p>
            </li>
        </ul>
    </div>
</div>
<div id="footer">
    <div class="content">
        <div class="top clear">
            <div class="logo fl">
                <img src="pic/pub/logo2.png" alt="">
            </div>
            <div class="links fr">
                <ul class="fl u1">
                    <li class="mb20"><a href="">产品</a></li>
                    <li><a href="">产品介绍</a></li>
                    <li><a href="">公司介绍</a></li>
                    <li><a href="">团队介绍</a></li>
                </ul>
                <ul class="fl u2">
                    <li class="mb20"><a href="">友情链接</a></li>
                    <li><a href="">ThinkSNS</a></li>
                    <li><a href="">吉铺电商</a></li>
                    <li><a href="">ThinkO2O</a></li>
                </ul>

                <ul class="fr u3">
                    <li class="mb20">联系我们</a></li>
                    <li>热线:010-5334-5805 188-1185-6005</li>
                    <li>QQ:3132698449</li>
                    <li>地址:成都市该新区天府大道北街1700号 环球中心S2 7-1-739北京市海淀区西二旗领秀新硅谷B区84楼一单元502</li>
                </ul>
            </div>

        </div>
        <div class="bottom tac">
            <p>Copyright 2016 seition All Rights Reserved | 蜀ICP备16004612号</p>
        </div>
    </div>
</div>
</body>
<script src="js/product.js">
</script>
</html>